
<!-- BEGIN HEADER -->
<header>
	<div class="container_header">
		<div class="row">
			<div id="menutop1" class="col-lg-12">
				<nav class="navbar navbar-default" role="navigation">
					<!-- bs-example-navbar-collapse-1 -->
					<div class="container-fluid">
						<!-- Brand and toggle get grouped for better mobile display -->
						<div class="navbar-header">
							<button type="button" class="navbar-toggle collapsed"
								data-toggle="collapse"
								data-target="#bs-example-navbar-collapse-1">
								<span class="sr-only">Toggle navigation</span> <span
									class="icon-bar"></span> <span class="icon-bar"></span> <span
									class="icon-bar"></span>
							</button>
						</div>

						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse"
							id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">

								<li class="logo"><a href="/"><img
										src="/img/logo.png" /></a></li>
							</ul>
							<ul id="menutop1_right" class="nav navbar-nav navbar-right">
								<li class="dropdown"><a href="#" class="dropdown-toggle"
									data-toggle="dropdown" role="button" aria-expanded="false"><div
											class="c_img_user">
											<img src="/mba/images/layout/img_user.jpg" />
										</div><?php echo $email;?></a>
									<ul class="dropdown-menu" role="menu">
										<li class="event1"></li>
										<li><a href="<?php echo $this->url('profile',array('action'=>'profile'));?>">My Profile</a>
											<div class="c_bot_submenu"></div></li>
										
										<li><a href="<?php echo $this->url('auth',array('action'=>'logout'));?>">Logout</a></li>
									</ul></li>
								

							</ul>
						</div>
						<!-- /.navbar-collapse -->
					</div>
					<!-- /.container-fluid -->
				</nav>
				<!--end bs-example-navbar-collapse-1 -->

			</div>
			<!--End menutop1-->
		</div>
		<!--End row-->
	</div>
	<!--End container -->
</header>
<!-- END HEADER -->

<!-- BEGIN SECTION -->
<section id="c_section_ln">
	<div class="container">
		<div class="row">
			<div class="col-lg-12">
				<div class="c_section_ln_header">
					<div class="c_icon_home_ln">
						<a href="#"></a>
					</div>
					<div class="c_section_ln_header_menu">
						<ul>
							<li><a href="#">Courese</a><span>></span></li>
							<li><a href="#">Learning</a><span>></span></li>
						</ul>
					</div>
				</div>
				<!--end c_section_ln_header-->
			</div>
		</div>
		<!--end row-->

		<div id="c_section_ln_main" class="row">
			<div class="col-lg-8">
				<div class="c_section_ln_main_left">
					<!-- video -->
					<div id="wistia_u6uvtvkfyh" class="wistia_embed"
						style="width: 720px; height: 405px;">&nbsp;</div>

					<script>
                        wistiaEmbed = Wistia.embed("u6uvtvkfyh", {
                            //playerColor: 'ff69b4'
                          });
                        
                        </script>
					<!-- end video -->
				</div>
			</div>
			<div class="col-lg-4">
				<div class="c_section_ln_main_right">
					<div role="tabpanel">
						<!-- Nav tabs -->
						<ul class="nav nav-tabs" role="tablist">
							<li class="c_br1 active" role="presentation"><a
								href="#c_ln_main_right_item1"
								aria-controls="c_ln_main_right_item1" role="tab"
								data-toggle="tab"></a></li>
							<li class="c_br2" role="presentation"><a
								href="#c_ln_main_right_item2"
								aria-controls="c_ln_main_right_item2" role="tab"
								data-toggle="tab"></a></li>
							<li class="c_br3" role="presentation"><a
								href="#c_ln_main_right_item3"
								aria-controls="c_ln_main_right_item3" role="tab"
								data-toggle="tab"></a></li>
							<li class="c_br4" role="presentation"><a
								href="#c_ln_main_right_item4"
								aria-controls="c_ln_main_right_item4" role="tab"
								data-toggle="tab"></a></li>
						</ul>

						<!-- Tab panes -->
						<div class="tab-content">
							<div role="tabpanel" class="tab-pane active"
								id="c_ln_main_right_item1">
								<div class="c_group_list" style="width:360px;height:350px;overflow:auto;">

									
                                        	
                                        	<?php $linkVideo      = $this->url('learn',array('action' => 'view')); ?>
                                        	<?php foreach ($module as $mod){?>
                                        	<div class="c_list_row" >
                                                <h4>
                                                    <?php echo $mod['module'];?>
                                                </h4>
                                                
                                        	<?php 
                                            if (isset($mod['videos']) && ! empty($mod['videos'])) {
                                                foreach ($mod['videos'] as $video) {
                                                    $nameVideo = $this->escapeHtml($video->getName());
                                                    $hashed_id = $this->escapeHtml($video->getHashedId());
                                                    ?>
                                                    
                                                    <ul>
                                                    
                                                    <li><a class="video-link"
    												data-name="<?php echo $nameVideo ?>"
    												data-id="<?php echo $hashed_id ?>"
    												href="<?php echo $linkVideo;?>"><span
													class="glyphicon glyphicon-play-circle"></span><?php echo $nameVideo;?></a></li>
                                                    </ul>
                                                    <div class="c_ocbuuvang"></div>
                                                <?php }?>
                                                
                                            <?php }?>
                                        	       
                                        		</div>
                                        	<?php }?>
                                        	




										



											
                                                
                                            
                                            
                                            
										
								
									<!--end c_list_row-->

								</div>
								<!--end c_group_list-->
							</div>
							<!--end c_ln_main_right_item1-->
							<div role="tabpanel" class="tab-pane" id="c_ln_main_right_item2" style="width:360px;height:320px;overflow:auto;">
                                	nội dung download
									
							
                                </div>
							<div role="tabpanel" class="tab-pane" id="c_ln_main_right_item3">
								<div class="c_ln_main_right_item3_row1">
									<div class="c_ln_main_right_item3_row1_img">
										<img width="100%" height="100%"
											src="/mba/images/layout/c_ln_imguser1.jpg" />
									</div>
									<div class="c_ln_main_right_item3_row1_inputtest">
										<input type="test" class="form-control"
											placeholder="Write comment...">
									</div>
								</div>

								<div class="c_ln_main_right_item3_row2">
									<!-- <div class="c_ln_main_right_item3_row1_img">
										<img width="100%" height="100%"
											src="/mba/images/layout/c_ln_imguser2.jpg" />
									</div>
									<div class="c_ln_main_right_item3_row1_inputtest">
										<h4>Tomoyo</h4>
										<p>Co nhung chuyen du muon hay khong no van dien ra nguoi ta
											goi do la DM (Dinh Menh) :))</p>
									</div>
									 -->
								</div>
							</div>
							<div role="tabpanel" class="tab-pane" id="c_ln_main_right_item4">
								<div class="c_ln_main_right_item4_row1">
									<input type="test" class="form-control"
										placeholder="Muon phia duoi hien thi cai gi thi viet vao day :))">
								</div>
								<!-- <div class="c_ln_main_right_item4_row1">
									<p>Phia tren ghi cai gi thi o duoi nay hien thi cai do olala go
										them may chu cho no xuong dong :))</p>
									<span> 25/12/2014 - 15g00 </span>
								</div>
								<div class="c_ln_main_right_item4_row1">
									<p>Phia tren ghi cai gi thi o duoi nay hien thi cai do olala go
										them may chu cho no xuong dong :))</p>
									<span> 25/12/2014 - 15g00 </span>
								</div>
								 -->
							</div>
						</div>
					</div>
				</div>
				<!--end c_section_ln_main_right-->
			</div>
		</div>
	</div>
	<!--end contain-->
</section>
<!--END SECTION-->


<footer>
	<!-- BEGIN FOOTER -->
	<div class="container">
		<div class="col-sm-3 copyright">
			<img class="logo1 img-responsive" src="/img/logo.png" />
			<p>Copyright 2015 mbabootcamp.org</p>
			<p>All Rights reversed.</p>
		</div>
		<!--End copyright-->

		<div class="col-sm-6">
			<h4>Navigation</h4>
			<div class="col-sm-6 list">
				<ul class="editul">
					<li><a href="#">Technology</a></li>
					<li><a href="#">Business</a></li>
					<li><a href="#">Design</a></li>
					<li><a href="#">Arts & Photography</a></li>
				</ul>
			</div>

			<div class="col-sm-6 list">
				<ul class="editul">
					<li><a href="#">About us</a></li>
					<li><a href="#">Terms and conditions</a></li>
					<li><a href="#">Support</a></li>
					<li><a href="#">Careers</a></li>
				</ul>
			</div>
		</div>
		<!--End col-sm-6-->

		<div class="col-sm-3">
			<h4>Contacts</h4>
			<ul>
				<li class="font_MyriadPro">Phone: 08 2210 9585</li>
				<li class="font_MyriadPro">Email: support@mbabootcamp.org</li>
				<li class="social_icon"><a href="#" class="icon_fb"></a> <a href="#"
					class="icon_tw"></a> <a href="#" class="icon_in"></a> <a href="#"
					class="icon_ytb"></a></li>
			</ul>
		</div>
		<!--End col-sm-3-->
	</div>
	<!--End container-->
</footer>
<!-- END FOOTER -->
<!-- BEGIN SCRIPT -->
<!--datepickker-->
<!-- Magnific Popup core JS file -->
<!-- END SCRIPT -->

<script type="text/javascript">
$(function(){
	$('a.video-link').click(function(e){
		e.preventDefault();
		$('div.c_section_ln_main_left').find('div.wistia_embed').remove();
		$('div.c_section_ln_main_left').find('div.titlevideo').remove();	
		var ajaxLink = $(this).attr('href');
		var id = $(this).data('id');
		var video_name = $(this).data('name');
		$.ajax({
			method : 'post',
			url : ajaxLink,
			data : { hash_id : id , name : video_name },
			dataType : 'html',
			success : function(resp) {
				$('div.c_section_ln_main_left').append(resp);
			}
		});
	});
});
</script>
 
